
    <ion-view view-title="">
        <ion-nav-buttons side="left">
            <a class="button button-icon icon ion-ios-arrow-left" href="#/tab/home">
            </a>
        </ion-nav-buttons>
        <ion-content class="shadowBackground">
            <ion-slide-box does-continue="true" delegate-handle="image-viewer1" auto-play="true" show-pager="true" slide-interval="600" style="margin-bottom: 10px">
                <ion-slide ng-repeat="slide in banner" style="width:100%;" on-slide-changed="slideHasChanged($index)">
                    <div class="box">
                        <img ng-src="{{slide.url}}" style="height:100%;width:100%;position: relative;">
                    </div>
                </ion-slide>
            </ion-slide-box>
            <div  class="shadowBackground">
                <h4 style="color: rgb(228,80,140);padding: 15px;background: white;margin: 0">时尚家</h4>
                <div style="height: 200px">
                    <div style="width: 50%;float: left">
                        <img src="img/home/brand_Left.jpg"style="height: 200px;width: 100%">
                    </div>
                    <div style="width: 50%;height: 100%;float: left;background: white;">
                    <div class="shadowBackground"  style="width: 49%;height:50%;;margin:0 1% 1% 0;float: left;">
                        <div style="margin:20% auto;text-align: center">
                            <img src="img/home/brand_Right1.jpg"style="width: 50%">
                        </div>
                    </div>
                        <div class="shadowBackground"  style="width: 50%;height:50%;margin:0 0 1% 0;float: left;">
                            <div style="margin:20% auto;text-align: center">
                                <img src="img/home/brand_Right2.jpg"style="width: 50%">
                            </div>
                        </div>
                    <div class="shadowBackground"  style="width: 49%;height:50%;margin:0 1% 1% 0;float: left;">
                            <div style="margin:20% auto;text-align: center">
                                <img src="img/home/brand_Right3.jpg"style="width: 50%">
                            </div>
                        </div>
                    <div class="shadowBackground"  style="width: 50%;height:50%;margin:0 0 1% 0;float: left;">
                            <div style="margin:20% auto;text-align: center">
                                <img src="img/home/brand_Right4.jpg"style="width: 50%">
                            </div>
                        </div>

                    <div style="clear:both"></div>
                </div>
                </div>
                <div style="clear:both"></div>
            </div>
            <div  class="shadowBackground">
                <h4 style="color: rgb(135,84,150);padding: 15px;background: white;margin: 0">颜值家</h4>
                <div style="height: 200px">
                    <div style="width: 50%;float: left">
                        <img src="img/home/brand_Left.jpg"style="width: 100%;height: 200px;">
                    </div>
                    <div style="width: 50%;height: 100%;float: left;background: white;">
                        <div class="shadowBackground"  style="width: 49%;height:50%;;margin:0 1% 1% 0;float: left;">
                            <div style="margin:20% auto;text-align: center">
                                <img src="img/home/brand_Right1.jpg"style="width: 50%">
                            </div>
                        </div>
                        <div class="shadowBackground"  style="width: 50%;height:50%;margin:0 0 1% 0;float: left;">
                            <div style="margin:20% auto;text-align: center">
                                <img src="img/home/brand_Right2.jpg"style="width: 50%">
                            </div>
                        </div>
                        <div class="shadowBackground"  style="width: 49%;height:50%;margin:0 1% 1% 0;float: left;">
                            <div style="margin:20% auto;text-align: center">
                                <img src="img/home/brand_Right3.jpg"style="width: 50%">
                            </div>
                        </div>
                        <div class="shadowBackground"  style="width: 50%;height:50%;margin:0 0 1% 0;float: left;">
                            <div style="margin:20% auto;text-align: center">
                                <img src="img/home/brand_Right4.jpg"style="width: 50%">
                            </div>
                        </div>

                        <div style="clear:both"></div>
                    </div>
                </div>
                <div style="clear:both"></div>
            </div>
        </ion-content>
    </ion-view>

